<template>
<div>
<button @click="name='UserInfo'">账号信息填写</button>
<button @click="name='UserName'">个人信息填写</button>
  <p>下面显示动态组件的动态切换</p>
  <div style="border: 1px solid crimson  ">

    <component :is="name"></component>

  </div>

</div>
</template>

<script>
import UserInfo from "@/components/01/UserInfo.vue";
import UserName from "@/components/01/UserName.vue";


export default {

  data(){
    return {
      name:"UserInfo"
    }
  },
  components:{
    UserInfo,
    UserName
  }
}
</script>

<style scoped>


</style>